//关于报价
<template>
  <div class="about-price">
    <ul>
      <li>
        <router-link to="/commonProblem/aboutPriceDetail">
          <h5>关于快速报价</h5>
          <div class="text">
            <p>快速报价支持大批量产品快速报价、来图定制和其他企业型号替换。点击鸿浩首页右侧栏“快速报价”进入页面，您可选择两种…</p>
            <i class="iconfont iconicon-test3"></i>
          </div>
        </router-link>
      </li>
      <li>
        <router-link to="/commonProblem/aboutPriceDetail">
          <h5>关于快速报价</h5>
          <div class="text">
            <p>快速报价支持大批量产品快速报价、来图定制和其他企业型号替换。点击鸿浩首页右侧栏“快速报价”进入页面，您可选择两种…</p>
            <i class="iconfont iconicon-test3"></i>
          </div>
        </router-link>
      </li>
      <li>
        <router-link to="/commonProblem/aboutPriceDetail">
          <h5>关于快速报价</h5>
          <div class="text">
            <p>快速报价支持大批量产品快速报价、来图定制和其他企业型号替换。点击鸿浩首页右侧栏“快速报价”进入页面，您可选择两种…</p>
            <i class="iconfont iconicon-test3"></i>
          </div>
        </router-link>
      </li>
       <li>
        <router-link to="/commonProblem/aboutPriceDetail">
          <h5>关于快速报价</h5>
          <div class="text">
            <p>快速报价支持大批量产品快速报价、来图定制和其他企业型号替换。点击鸿浩首页右侧栏“快速报价”进入页面，您可选择两种…</p>
            <i class="iconfont iconicon-test3"></i>
          </div>
        </router-link>
      </li>
       <li>
        <router-link to="/commonProblem/aboutPriceDetail">
          <h5>关于快速报价</h5>
          <div class="text">
            <p>快速报价支持大批量产品快速报价、来图定制和其他企业型号替换。点击鸿浩首页右侧栏“快速报价”进入页面，您可选择两种…</p>
            <i class="iconfont iconicon-test3"></i>
          </div>
        </router-link>
      </li>
       <li>
        <router-link to="/commonProblem/aboutPriceDetail">
          <h5>关于快速报价</h5>
          <div class="text">
            <p>快速报价支持大批量产品快速报价、来图定制和其他企业型号替换。点击鸿浩首页右侧栏“快速报价”进入页面，您可选择两种…</p>
            <i class="iconfont iconicon-test3"></i>
          </div>
        </router-link>
      </li>
   
    </ul>
  </div>
</template>
<script>
export default {
  name: "AboutPrice"
};
</script>
<style lang='scss' scoped>
.about-price {
  width: 100%;
  ul {
    li {
      height: 100px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-bottom: 0.8px solid #eeeeee;
      a {
        h5 {
          font-size: 16px;
          color: #1a1a1a;
        }
        .text {
         position: relative;
          p {
            margin-top: 5px;
            font-size: 14px;
            color: #9b9b9b;
          }
          i{
           font-size: 19px;
          position: absolute;
          right: -22px;
          height: 16px;
          width: 10px;
          top: -18px;
          color: #666666;
          }
        }
      }
    }
  }
}
</style>